<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="button" value="计算" onclick="fn01()">
    <!-- 给数组做运算 -->
    <script>
        // 方法一  ======>map
        // function fn01() {
        //     var arr = [1, 2, 3, 4];
        //     var newArr = arr.map(function (index) {
        //         return index * 1.3;
        //     });
        //     console.log(newArr);
        // }
        // 方法二======>forEach
        // function fn01(){
        //     var arr=[2,5,4,44];
        //     var newArr=[];
        //    arr.forEach(function(item,index){
        //         item*=1.3;
        //         newArr.push(item);
        //     });
        //     console.log(newArr);
        // }
       // 方法 三
       function fn01(){
        var arr=[12,10,1];
        var newArr=[];
        for(var i=0;i<arr.length;i++){
              arr[i]*=1.3;
              newArr.push(arr);
        }
        console.log(newArr);
       }
      //   map()会分配内存空间存储新数组并返回，forEach()不会返回数据。(map会返回新数组，forEach返回是undefined)
      // forEach()允许callback更改原始数组的元素。map()返回新的数组。
    </script>

</html>